<!DOCTYPE HTML>
<html lang="zh-cmn-hans">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>菜亿车 · 货源信息</title>
    <meta name="keywords" content="菜亿车 货源信息">
    <meta name="description" content="菜亿车 货源信息">
    <link rel="Bookmark" href="./img/favicon.ico" />
    <link rel="Shortcut Icon" href="./img/favicon.ico" />
    <link type="text/css" href="./css/index.css" rel="stylesheet" />
  </head>
  <body>
    <div class="loader">
      <div class="dot">
        <div class="first"></div>
      </div>
      <div class="dot"></div>
      <div class="dot"></div>
      <div class="dot"></div>
    </div>
    <div class="detail-container">
      <!-- tpl-detail -->
    </div>
    <a class="download" href="./download.html">
      <img src="./img/logo-small.png">
      <label>参与竞价请下载菜亿车车主版APP</label>
    </a>
    <script type="text/html" id="tpl-detail">
      <p class="detail-title">运单状态</p>
        <div class="detail-header">
          <p class="detail-header-title">运单号: {{data.transportNumber}}</p>
          <div class="detail-header-middle">
            <p>报价倒计时</p>
            <p class="detail-header-timer">--分钟</p>
          </div>    
        </div>
        <p class="detail-title">发收货人信息</p>
        <div class="detail-content">
          <div class="detail-content-row">
            <label class="detail-content-row-key">发货区域</label>
            <label class="detail-content-row-value">
              {{data.loadingAddressProvince}}{{data.loadingAddressCity}}{{data.loadingAddressDistrict}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">收货区域</label>
            <label class="detail-content-row-value">
              {{data.destinateAddressProvince}}{{data.destinateAddressCity}}{{data.destinateAddressDistrict}}</label>
          </div>
        </div>
        <p class="detail-title">时间需求</p>
        <div class="detail-content">
          <div class="detail-content-row">
            <label class="detail-content-row-key">装车日期</label>
            <label class="detail-content-row-value">{{data.loadingDate.split(' ')[0]}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">装车时间</label>
            <label class="detail-content-row-value">{{data.loadingDate.split(' ')[1]}}</label>
          </div>
        </div>
        <div class="detail-content">
          <div class="detail-content-row">
            <label class="detail-content-row-key">到达日期</label>
            <label class="detail-content-row-value">
              {{data.expectedArrivalDate.split(' ')[0]}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">到达时间</label>
            <label class="detail-content-row-value">
              {{data.expectedArrivalDate.split(' ')[1]}}</label>
          </div>
        </div>
        <p class="detail-title">货物信息</p>
        <div class="detail-content">
          <div class="detail-content-row">
            <label class="detail-content-row-key">货物名称</label>
            <label class="detail-content-row-value">{{data.cargoName}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">货物类型</label>
            <label class="detail-content-row-value">
              {{data.cargoTypeCode}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">质量(T)</label>
            <label class="detail-content-row-value">{{data.cargoWeight}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">体积(立方)</label>
            <label class="detail-content-row-value">{{data.cargoVolumn}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">货物包装</label>
            <label class="detail-content-row-value">{{data.packageTypeCode}}</label>
          </div>
        </div>
        <p class="detail-title">车辆要求</p>
        <div class="detail-content">
          <div class="detail-content-row">
            <label class="detail-content-row-key">车型</label>
            <label class="detail-content-row-value">
              {{data.vechicleTypeCode}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">车辆属性</label>
            <label class="detail-content-row-value">
              {{data.vechicleAttributeCode}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">保温材料</label>
            <label class="detail-content-row-value">{{data.tempControlCode || '无'}}</label>
          </div>
          <div class="detail-content-row">
            <label class="detail-content-row-key">注意事项</label>
            <label class="detail-content-row-value">{{data.otherRequirement || '无'}}</label>
          </div>
        </div>
      </script>
    <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="./js/artTemplate.js"></script>
    <script type="text/javascript" src="./js/detail.js"></script>
  </body>
</html>